<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  <!-- 以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。 -->  
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>南理计算机实验室预约系统</title>
	<link rel="stylesheet" href="../css/normalize.css">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/main.css">
</head>
<body>
	<header>
		<div class="logo">
			<h1 class="vertical-center">计算机实验室预约管理系统</h1>
		</div>
		<div class="logoff">
			<a href="#"><span><em class="username">邱浩桐</em>（<em class="usernum">918106840636</em>）</span></a>
			<a href="login.html" id="logout"><img src="../images/out.png" alt="注销登录"></a>
		</div>
	</header><!-- header结束 -->
	<div class="container">
		<section class="person-info box">
			<img src="../images/my.png" alt="用户图片" class="horizontal-center">
			<div class="horizontal-center">
				<span>姓名：<em class="username">邱浩桐</em></span>
				<span>工号：<em class="usernum">918106840636</em></span>
			</div>
		</section>
		
		<section class="seat-select box">
			<span class="horizontal-center">机房信息</span>
			<a href="room_select.html"></a>
		</section>
		
		<section class="seat-operate">
			<div class="register box">
				<span class="vertical-center">实验报告信息</span>
				<a href="ept_select.html"></a>
			</div>
			<div class="cancel-reserve box">
				<span class="vertical-center">实验模板信息</span>
				<a href="get_model.html"></a>
			</div>
		</section>
		
		<section >
		</section>
		<section class="reserve-record box">
			<span class="vertical-center">分配实验教室</span>
			<a href="ept_report.html"></a>
		</section>
		<section class="notice-board box">
			<span class="vertical-center">实验平台交流</span>
			<a href="get_record.html"></a>
		</section>
		
	</div>
	
</body>
</html>